@charset "utf-8";

.nav-tel{ right: 0px; position: absolute; top: -15px; right:0px; border-radius: 8px; background:rgba(51,51,51,0.5); } 
.nav-tel .tel-con { height: 45px; overflow: hidden; margin-top: 10px; display: flex ; align-items: center; padding: 0 20px; border-left: 1px solid rgba(255, 255, 255, .2); border-right: 1px solid rgba(255, 255, 255, .2); }
.nav-tel .tel-con .tel-ico {height: 24px; width: 24px; display: flex ; justify-content: center; align-items: center; margin-right: 5px; }
.nav-tel .tel-con .tel-ico svg {fill: #fff; }
.nav-tel .tel-con .tel-text {font-size: 16px; font-weight: normal; color: #fff; line-height: 80px; font-family: arial !important; }
.nav-tel .tel-con .tel-text:hover{ color:#e15616 }

@media screen and (max-width:768px) {
.navbar-nav{ margin:0px -15px; } 
.navbar-right{ height: calc(100vh - 55px - 1.5rem); background:#333; }
.navbar-inverse .navbar-nav > li > a{ color: #fff; line-height: 3rem; font-weight: normal; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{  color: #fff!important; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color:#a0a0a0!important; }
.nav>li{ border-bottom: 1px solid #555; }
.dropdown-toggle .caret{ float: right; margin-top: 1rem; }
.container{ width: 100%; }
}
@media screen and (min-width:768px) {
.navbar-nav>li:hover>.dropdown-menu{ display: block; }
}

/*banner 标语特效*/
.ind_ban_tex { position: absolute; z-index: 9; text-align: center; top: 0; width: 70%; left: 50%; height: 100%; max-width: 1600px; transform: translateX(-50%); }
.ind_ban_tex_title_en { font-size: 4rem; font-family: 'Oswald',impact,Arial,sans-serif !important; line-height: 1.25em; color: #fff; text-shadow: 3px 0 5px rgba(0, 0, 0, 0.4); margin-bottom: 10px; text-align: left; margin-top: 35%; font-weight: BOLD; letter-spacing: 2px; 
    transform: translateY(80px); opacity: 0;
    -webkit-animation: fadeInUp 2s ease 1s 1 both; 
}
.ind_ban_tex_title { color: #fff; font-size: 2.6rem; font-weight: 100; line-height: 1.75em; margin-bottom: 20px; text-shadow: 2px 0 5px rgba(0, 0, 0, 0.4); transform: translateY(80px); opacity: 0; text-align: left; font-weight: Bold; -webkit-animation: fadeInUp 2s ease 1s 1 both; }
.b_line { width: 120px; margin: 10px auto 10px 0; height: 3px; background: #f90; transform: translateY(80px); opacity: 0; -webkit-animation: fadeInUp 2s ease 1s 1 both; }
.ind_ban_tex_info { color: #fff; line-height: 2em; font-size: 18px; text-shadow: 2px 0 3px rgba(0, 0, 0, 0.4); transform: translateY(80px); opacity: 0; text-align: left; padding: 15px 0; -webkit-animation: fadeInUp 2s ease 1s 1 both; }
.ind_ban_tex_btn{ color: #fff; display: block; text-shadow: 2px 0 3px rgba(0, 0, 0, 0.4); transform: translateY(80px); opacity: 0;
    -webkit-animation: fadeInUp 2s ease 1s 1 both; }
.ind_ban_tex_btn a{ color:#fff; display: block; line-height:1.5; font-size: 1.5rem; text-align:center; padding:5px 0; width: 13rem; border: 1px solid #ffffff; text-align:center;   }
.ind_ban_tex_btn a:hover{ background: #42929d; border: 1px solid #42929d; }

.carousel-inner .active .ind_ban_tex_title_en { transition: all 2s ease .5s; transform: translateY(0); opacity: 1; }
.carousel-inner .active .ind_ban_tex_title { transition: all 2s ease .7s; transform: translateY(0); opacity: 1; }
.carousel-inner .active .b_line { transition: all 2s ease .8s; transform: translateY(0); opacity: 1; }
.carousel-inner .active .ind_ban_tex_info { transition: all 2s ease 1s; transform: translateY(0); opacity: 1; }
.carousel-inner .active .ind_ban_tex_btn { transition: all 2s ease 1s; transform: translateY(0); opacity: 1; }

.my-carousel .banner_img_bg{ display: block; height: 100vh; }
.my-carousel .banner_img img{ display:none; width: 100%; height: auto; }

.tablang{ display: none; position: relative; }
.tablang a{ display: inline-block!important; line-height:2rem!important; padding-top: 0px!important; flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 3); overflow: hidden; }
.tablang a i{  display: block; font-style:normal; font-size: 2rem; color: #fff; padding-bottom: 2px; }
.tablang em{ display: inline-block; margin: 0px 15px; line-height:2rem!important;  overflow: hidden; }
.tablang em i{  display: block; font-style:normal; font-size: 2rem; color: #fff; }
.tablang .tel-ico { display: inline-block!important; padding-top: 10px; padding-bottom: 10px; margin-right: 5px; padding-left: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 3); }
.tablang .tel-ico svg {fill: #fff; height: 28px; width: 28px; }

@media screen and (max-width:768px) {
    header{ padding-top: 10px; height: auto; }
    .pl_service2{ display: none; }
    .nav-tel{ display: none; }
    .tablang{ display: block; }
    #my-carousel { margin-top: 80px; }
    .ind_ban_tex_title_en { font-size: 2.2rem;  margin-top: 18%; }
    .ind_ban_tex_title{ font-size: 1.5rem; margin-bottom: 0px; }
    .ind_ban_tex_info{ font-size: 1.2rem; padding: 5px 0; }
    .ind_ban_tex_btn{ font-size: 1.2rem; padding: 5px 0; }

    .my-carousel .banner_img_bg{ display: none; }
    .my-carousel .banner_img img{ display: block; height: 30vh; }
    
}

@-webkit-keyframes fadeInUp{
  0%{ opacity:0; 
    -webkit-transform:translate3d(0,100%,0); 
    transform:translate3d(0,100%,0)
    }
  100%{ opacity:1; 
    -webkit-transform:none; 
    transform:none}


}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/* 首页公司简介 */
@media screen and (max-width:768px) {
    .sy_gsjj_txt h1 {font-size: 2rem !important; font-weight: bold; margin-bottom: 15px;  }
    .sy_gsjj_txt hr{ margin: 0 auto !important; }
    .sy_gsjj_txt_con{ text-align: left; }
    .sy_gsjj_video{ max-height: 300px; }
    .sy_gsjj_video em{ top: 35%; }
    .container{ width: 100%; }
}

.sycp_left1{ margin-left: 0; clear: left; margin-right: 0; position: static; }
.sycp_right1{ margin-left: 1%; clear: none; margin-right: 0; position: static; }
.p_CommonBtn{ background-color: rgba(0, 106, 181, 0); border-radius: 0px; border: 2px solid #999999; transition: all .5s ease; width: 150px; height: 44px; line-height: 44px; display: block; text-align: center; }
.p_CommonBtn:hover{ background-color:#42929d; border: 2px solid #42929d; color: #fff; text-decoration:none; }

/* 首页产品中心轮播图 */
.sycp_box1 {width: 100%; height: auto; overflow: hidden; border: 1px solid #fff; background: #fff; transition: all .5s ease; }
.sycp_box1 .box_con {transition: all .5s ease; } 
.sycp_box1 .cate-pic-box {position: relative; overflow: hidden; width: 100%; height: 0px; margin: 0px; padding-bottom: 75%; transition: all .5s ease; border: 5px solid #fff; }
.sycp_box1 .proImg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.0); width: 99%; height: auto !important; transition: all 0.8s ease .1s; border:1px solid #ccc; }
.sycp_box1 .content {padding: 0 30px 25px 30px; position: relative; }
.sycp_box1 .content:before {content: ''; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 20px; height: 1px; background: #00767d; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
.sycp_box1 .title {text-align: center; overflow: hidden; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; font-size: 2rem; color: #000; margin-bottom: 20px; }
.sycp_box1 .fl_line {height: 2px; width: 30px; background: #e07f21; margin: 0 auto; display: none; }
.sycp_box1 .summary {font-size: 1.25rem; line-height: 2em; color: #999999; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin: 20px 0px 0px; }
.sycp_box1 .fl_more_btn {width: 128px; height: 30px; line-height: 30px; background: #e07f21; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; opacity: 0; transition: all .5s ease; display: none; }
.sycp_box1:hover {border: 1px solid #fff; background: #fff; }
.sycp_box1:hover .box_con {transform: translateY(0px); }
.sycp_box1:hover .proImg {transform: translate(-50%, -50%) scale(0.95); }
.sycp_box1:hover .content:before {left: 50%; transform: translateX(-50%); width: 70%; }
.sycp_box1:hover .fl_more_btn {opacity: 1; }
.swiper_cpzx_box .glyphicon{ background:rgba(255, 255, 255, .8); height: 54px; line-height: 54px; text-align: center; font-size: 2rem; }
.swiper_cpzx_box .glyphicon:hover{ background:rgba(0, 0, 0, .5); color: #fff; }
.swiper_cpzx_box .swiper-button-prev{ left: -35px;  }
.swiper_cpzx_box .swiper-button-next{ right: -35px; }

@media screen and (min-width:768px) {
    .sycp_left1{ position: relative; padding-left: 15px; }
    .p_CommonBtn{ position: absolute; right: 0px; top: 0px; }
    .sycp_right1{ }
}
@media screen and (max-width:768px) {
    .swiper_cpzx_box{ margin: 0 25px; }
    .sycp_left1{ margin-left: 0; clear: left; margin-right: 0; width: 100%; float: none; position: static; }
    .sycp_left1 dl dt h1{ margin-top:30px; font-size: 2.5rem; font-weight: bold; text-align: center; }
    .sycp_left1 dl dt h2{ font-size: 1.5rem; text-align: center; }
    .sycp_right1{ margin-left: 1%; clear: none; margin-right: 0; width:100%; float: none; position: relative; margin-top: 10px; }
    .p_CommonBtn{ display:none; }

    .sycp_box1 .content {padding: 0 0px 5px 0px!important; position: relative; }
    .sycp_box1 .summary{ height: 0px; overflow: hidden; }

    .sycp_box1 .title{ font-size: 1.4rem; }
    .sycp_box{ width: 100%; }

}

/*产品中心下方 css*/
.p_gridbox{ width: 100%; overflow: hidden; position: static; background: #fff; }
.p_gridbox .w_grid-001 { width: 92%; margin:0 auto; max-width: 1600px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 30px; margin-bottom: 20px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } 
.p_gridbox .w_grid-001 .w_grid { width: 100%; position: relative; }

.p_gridbox   .p_gridCell{ position: relative; float: left; width: 31.33%; margin-bottom: 2rem; margin-top: 2rem;}

.p_gridbox   .p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; margin-bottom: 2rem; margin-top: 2rem; }
.p_gridbox   .p_gridCell:nth-child(3n+2) { margin-left: 3%; margin-right: 0px; clear: none; }
.p_gridbox   .p_gridCell:nth-child(3n+0) { margin-left: 3%; margin-right: 0px; clear: none; }

.p_gridbox   .p_gridCell .w_grid-h1{ width: 100%; height: 100%; min-height: inherit; margin: 0px; position: relative; overflow: hidden; background: rgba(0, 0, 0, 1); }
.p_gridbox   .p_gridCell .w_grid-h1 img{ transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease; width: 100%; height: 100%; vertical-align: middle;
    border: 0; }
.p_gridbox   .p_gridCell:hover>.w_grid-h1 img { border:10px;
    overflow: hidden;
    transform: scale3D(1.1, 1.1, 1.1);
    opacity: .5;
    cursor: pointer;
}

.w_grid-002 {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
     position: relative; margin-top: -5%;
}
.p_gridbox  .p_gridCell:hover .w_grid-002 {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer; 
}
.p_gridbox  .p_gridCell:hover .w_grid-txt{
    background: rgba(225, 86, 22, 0.9);
}
.w_grid-txt {
    margin-left: auto;
    margin-right: auto;
    min-height: 12rem;
    width: 100%;
    margin-top: -10%; background-color:rgba(66, 146, 157, 0.9);
}
.w_grid-txt-cc{  margin-right: 5%; margin-left: 5%; width: 90%; margin: 0 auto; margin-bottom: 2rem;
        margin-top: 2rem; display: flex
;
    align-items: center; }
.w_grid-txt-cc h2{ margin-left: 0px;
        clear: left;
        margin-right: 0px; padding-right: 5px;
        width: 19.4824%; border-right: 1px solid rgba(255, 255, 255, .3); }
.w_grid-txt-cc h3{ width: 78.5176%;
        margin-left: 2%;
        margin-right: 0px;
        clear: none; }
.w_grid-txt-cc h3 .title{ color: #FFFFFF; font-size: 24px; line-height: 1.7; display:block; }
.w_grid-txt-cc h3 .miaoshu{ color: #FFFFFF; font-size: 14px; line-height: 1.7; display:block; }

@media screen and (max-width:768px) {
    .p_gridbox   .p_gridCell{ position: relative; float: none; width: 95%; margin-left: 3% !important; margin-bottom: 2rem; margin-top: 2rem;}
    
}

/*新闻中心*/
.news_boxt1{ margin:40px 0px; text-align: center; line-height: 1.5; }
.news_boxt1 dt h1{ line-height:2; font-weight: bold; }
.news_boxt1 dt h4{ line-height:2; font-weight: normal; font-size: 14px; margin: 0px 15px; }
.news_con1_box{ display:block; position: relative; }
.news_con1{ display:block; position: relative; display: flex ;
    flex-wrap: wrap;
    flex-direction: row;
    width: 92%;
    display-radio: flex;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; }

.news_con1_l{ margin-right: 3%; flex: 1; max-width: 100%; max-height: 100%; position: relative;  }
.news_con1_l .news_con1_c{ display: flex ; flex-wrap: wrap; position: relative; max-width: 100%; }

.news_con1_l .news_con1_c .p_loopitem{
    flex: 0 0 33.3%;
    position: relative;
    box-shadow: 0 23px 30px -5px rgb(0 0 0 / 0%);
    transition: all .5s ease;
}
.news_con1_l .news_con1_c .p_loopitem:nth-child(odd) {
    margin-right: 4%;
}
.news_con1_l .news_con1_c .p_loopitem h1{ font-weight: normal; margin: 0px; overflow: hidden; }
.news_con1_l .news_con1_c .p_loopitem h2{ display: flex ; margin: 0px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    background-color: #f2f2f2;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; box-sizing: border-box;
}
.news_con1_l .news_con1_c .p_loopitem h2 span{ line-height: 1.5; font-size: 20px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
    font-weight: bold; }
.news_con1_l .news_con1_c .p_loopitem:hover h2 span{ color:#42929d; }
.news_con1_l .news_con1_c .p_loopitem h2 p{ font-size: 14px; color: rgba(102, 102, 102, 1); line-height: 1.8; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.news_con1_l .news_con1_c .p_loopitem img { transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease; width: 100%; height: 100%; object-fit: contain;  }
.news_con1_l .news_con1_c .p_loopitem:hover img{ transform: scale3D(1.1, 1.1, 1.1); }
.news_con1_r{ flex: 0 0 32%; position: relative; max-width: 100%; max-height: 100%; }
.news_con1_r .news_con1_c .p_loopitem{ display: flex ; flex-wrap: wrap; flex-direction: row; width: 100%; background-color: #f5f5f5; padding-top: 7%; padding-right: 30px; padding-bottom: 7%; padding-left: 30px; margin-bottom: 32px; box-shadow: 0 23px 30px -5px rgb(0 0 0 / 0%); transition: all .5s ease; }
.news_con1_r .news_con1_c .p_loopitem span{ min-height: 20px; font-size: 14px; color:#42929d; line-height: 1.5; margin-bottom: 5px; display: block; }
.news_con1_r .news_con1_c .p_loopitem h2{ line-height: 1.5; font-size: 20px; color: rgba(0, 0, 0, 1); -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; transition: all .5s ease; font-weight: bold; }
.news_con1_r .news_con1_c .p_loopitem:hover h2{ color:#42929d; }
.news_con1_r .news_con1_c .p_loopitem p{ font-size: 14px; color: rgba(102, 102, 102, 1); line-height: 1.8; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; display: block; }

@media screen and (min-width: 769px) {
    .news_con1_r .news_con1_c .p_loopitem {flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1) }
    .news_con1_l .news_con1_c .p_loopitem {flex-grow: 0; flex-shrink: 0; flex-basis: calc(96% / 2) }
}

@media screen and (max-width:768px) {
    .news_con1_r .news_con1_c .p_loopitem {flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1) }
    .news_con1_l .news_con1_c .p_loopitem {flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1); margin-bottom: 30px; }
    .news_con1_r {flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1); }
    .news_con1_l {flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1) }
}


/* 资质荣誉 */
.hzkh_box{ background:#f2f2f3  no-repeat center center;
    background-attachment: fixed;
    background-size: cover;  position: relative; overflow: hidden; padding:60px 0 ; }
.sy_t1_cc1{ position: relative; overflow: hidden; } 
.sy_t1_cc1 dl{ width: 60%; float: left; }
.sy_t1_cc1 dl dt{ font-size: 4rem; color: #111; font-weight: normal; } 
.sy_t1_cc1 dl dd{ position: relative; line-height:2.5; } 
.sy_t1_cc1 .more{ width: 30%; float: right; text-align: right; margin-top: 15px; }
.sy_t1_cc1 .more a{ display: inline-block; padding:10px 30px; line-height: 1.5; font-size: 1.5rem; color: #333; 
    background-color: rgba(0, 106, 181, 0);
    border-radius: 0px;
    border: 2px solid #999;
    transition: all .5sease;}
.sy_t1_cc1 .more a:hover{ background-color: #42929d; border: 2px solid #42929d; color: #fff; }

.swiper-zzrybox1{ width: 94%; position: relative; margin: 0 auto; max-width: 1600px; margin-left: auto; margin-right: auto; }
.swiper-zzrybox1 .swiper-container-cp3{ width: 100%; overflow: hidden; }
.swiper-zzrybox1 .swiper-button-prev{ left: -35px; background: url();  } 
.swiper-zzrybox1 .swiper-button-prev:before { content: "\e079"; font-size: 3rem; color: #42929d; font-weight: normal; }
.swiper-zzrybox1 .swiper-button-next{ right: -35px; background: url(); }
.swiper-zzrybox1 .swiper-button-next:before { content: "\e080"; font-size: 3rem; color: #42929d; font-weight: normal; }
.swiper-zzrybox1 .swiper-slide .content{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; transition: all .5s ease; background-color: rgba(94, 162, 172, .75); }
.swiper-zzrybox1 .swiper-slide .title{ height: 40px; position: absolute; top: 0px; width: 100%; font-weight: bold; text-align: center; opacity: 0; font-size: 1.4rem; color: #ffd777; transition: all .5s ease; padding: 0 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.swiper-zzrybox1 .swiper-slide:hover .content { opacity: 1; }
.swiper-zzrybox1 .swiper-slide:hover .title { top: 45%; opacity: 1; }

 @media only screen and (max-width: 768px) {
    .swiper-zzrybox1{ margin: 0 35px; width: auto; }
    .hzkh_box{ padding:20px 4%; }
    .sy_t1_cc1 dl dt{ font-size:2rem;}
    .sy_t1_cc1 dl dd{ font-size:14px; line-height: 1.5; }
    .sy_t1_cc1 .more a{ padding:5px 10px; line-height: 1.5; font-size: 1.3rem; }
 }

 /*公司实力*/
.sygsrm_box1 {width: 100%; height: auto; overflow: hidden; border: 1px solid #fff; background: #fff; transition: all .5s ease; 
    padding-top: 0px;
    padding-bottom: 50px;
    background:#f2f2f3 url(../images/gsjj_bg#.jpg) center no-repeat;
    background-attachment: fixed;
    background-size: cover;
 }
.swiper-gsrm{  width: 94%; position: relative; margin: 0 auto; max-width: 1600px; margin-left: auto; margin-right: auto; overflow: hidden; }
.sygsrm_con1 a{ overflow: hidden; display: block; position: relative; }
.sygsrm_con1 a .title{ line-height: 1.7; border-top: 1px solid #e15616;
    display-radio: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all .5s ease; }
.sygsrm_con1:hover a .title{ background:#e15616; color: #fff;  }
.sygsrm_con1 a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1);
    transition: all .5s ease;
}

.gsrm_boxt1{ margin:40px 0px; text-align: center; line-height: 1.5; }
.gsrm_boxt1 dt h1{ line-height:2; font-weight: bold; }
.gsrm_boxt1 dt h4{ line-height:2; font-weight: normal; font-size: 14px; margin: 0px 15px; }

@media screen and (max-width:768px) {
    
}

/*在线询价*/
.zxxj_box{ background-image: url(../images/zxxjimg1.png); background-size: cover; margin-top: 3rem; padding-top: 3rem; min-height: 500px; }

.zxxj_box_btn{ position: relative; overflow: hidden; margin:0px auto; text-align: center; max-width: 1200px; }
.zxxj_box_btn a{ background:#e15616; margin-right: 4rem; width:22%; height:8rem; font-size: 2rem; color: #fff; font-style: normal; 
    margin-right: 1rem;
    position: relative; display: inline-block; overflow: hidden;
}
.zxxj_box_btn a .iconfont{ position: absolute; left:15%; top: 0px; line-height: 8rem; font-size: 2rem; }
.zxxj_box_btn a i{ line-height:8rem; font-size: 2rem; color: #fff; font-style: normal; }
.zxxj_box_btn a:hover{ background: #42929d; }
.zxxj_box_btn .tel div{ margin-top: 10px; margin-left: 30%; text-align: left; }
.zxxj_box_btn .tel{ background: #333; }
.zxxj_box_btn .tel:hover{ background: #42929d; }
.zxxj_box_txt{ margin: 70px auto; text-align: center; }
.zxxj_box_txt h2{ max-width: 1100px; margin: 30px auto; text-align: center; font-size: 2rem; font-weight: normal; line-height: 2;  }
@media screen and (max-width:768px) {
       .zxxj_box{ margin: 10px; }
       .zxxj_box_btn a{ width: 30%; }
       .zxxj_box_txt h1{ font-size: 2.2rem; }
       .zxxj_box_txt h2{ font-size: 1.5rem; }
       .zxxj_box_btn a .iconfont{ left: -100px; height: 0px; overflow: hidden; }
       .zxxj_box_btn a i{ font-size: 1.5rem; }
       .zxxj_box_btn .tel span,.zxxj_box_btn .tel font{ font-size: 1.5rem; } 
       .zxxj_box_btn .tel div{ margin-top: 10px; margin-left: 0px; text-align: center; }
}

/*底部*/
.link_cs{ display: flex ; flex-wrap: wrap; flex-direction: row; width: 92%; margin: 0 auto; max-width: 1600px;  }
.link_cs .link_cs_t1{ margin-right: 20px; flex: 0 0 auto; line-height: 60px; font-size: 1.8rem; font-weight: bold; }
.link_cs .link_cs_nav{ padding-right: 3%; margin-right: 3%; flex: 0 0 auto; }
.link_cs .link_cs_nav a{ display: inline-block; line-height: 60px; font-size: 1.5rem; }

.foot_css1{ padding-top: 3%; padding-bottom: 3%; }
.foot_css1 h3{ font-size: 26px; color: rgba(255, 255, 255, 1); line-height: 1.5; margin: 0px; margin-bottom: 25px; font-weight: bold; }
.foot_box1 .line{ padding-right: 3%;margin-right: 3%; border-right: 1px solid rgba(255, 255, 255, 0.2); }
@media screen and (max-width:768px) {
    .link_cs{ display: none; }
    .foot_box2{ display: none; }
    .foot_box3{ display: none; }
    .foot_box1 .line{ padding-right: 3%;margin-right: 3%; border-right: 0px solid rgba(255, 255, 255, 0.2); }
    
}
@media screen and (min-width:768px) {
    .foot_fixd{ display: none }
}
@media screen and (max-width:768px) {
    #my-bottom{ padding-bottom: 5rem; }
}
.foot_fixd_box{ height: 0px; position: relative; }
.foot_fixd{ position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999; background: #0b0c0f; }
.foot_fixd dl{ flex-direction: row; display: flex ; border-top: 1px solid #212328; flex-wrap: nowrap; justify-content: space-between; margin: 0px; }
.foot_fixd dl dd{ display: block; width: 20%; text-align: center; padding: 7px 1%; }
.foot_fixd dl dd span{ color: #fff; font-size: 1.4rem; display: block; }
.foot_fixd dl dd i{ width: 2.5rem; height: 2.5rem; margin: 0 auto; display: block; text-align: center; background-repeat: no-repeat;
    background-size: 2.8rem 2.8rem; background-position: center; }
.foot_fixd dl dd i img{ width: auto; height: 2.5rem; color: #fff; }
.foot_fixd dl .zx i{ width:66px; height: 60px; border-radius: 50%; background-color: #0b0c0f; margin-top:-25px; } 
.foot_fixd dl .zx span{ margin-top: -10px; }